import Vue from 'vue'
import VueRouter from 'vue-router'
import Index from '@/views/Index.vue'
import All from '@/views/All//All.vue'
import One from '@/views/All/One.vue'
import Two from '@/views/All/Two.vue'
import Thandfo from '@/views/All/Thandfo.vue'
import Five from '@/views/All/Five.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'index',
    component: Index,
    redirect: '/all',
    children: [
      {
        path: 'all',
        name: 'all',
        component: All,
      },
      {
        path: 'one',
        name: 'one',
        component: One,
      },
      {
        path: 'two',
        name: 'two',
        component: Two,
      },
      {
        path: 'three',
        name: 'three',
        component: Thandfo,
      },
      {
        path: 'four',
        name: 'four',
        component: Five,
      }
    ]
  },

]

const router = new VueRouter({
  routes
})

export default router
